<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>收藏</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/rest.css"/>
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/tab-main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="../css/collect.css"/>
		<script src="../js/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/touch.js" type="text/javascript" charset="utf-8"></script>
        <style type="text/css">
        	.mui-card-link>span{
        		font-size: 2rem;
        	}
        </style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav nav-title">
			<a class="mui-action-back" href="tab-webview-subpage-setting.html">
				<span>
						<?xml version="1.0" encoding="utf-8"?>
						<svg version="1.1" width="25" height="25" style="margin-top: 10px;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve" fill="white">
						<g><g transform="matrix(1 0 0 -1 0 1008)"><path d="M241.9,508l490,490l26.3-26.3L294.4,508L758.1,44.3L731.9,18L241.9,508z"/></g></g>
						</svg>
				</span>
			</a>
			<h1 class="mui-title" style="color: white;">我的收藏</h1>
		</header>
		<div class="mui-content">
			<div class="mui-card">
				<div class="mui-card-content" >
					<img src="../images/collect1.jpg" alt="" width="70%"/>
				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect00.png);"></span>12
						<form action="" method="post">
							<input type="text" value=""/ style="position: absolute;left: 0;top: 0;background: transparent; border: none;">
						</form>
					</a>
					<a class="mui-card-link" href="#">
						<span style="background-image: url(../images/collect01.png);"></span>24
					</a>
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect04.png);"></span>
					</a>
					<a class="mui-link-person" href="#">
						<span>Chalvet</span>
						<img src="../images/title.png"/>
					</a>
				</div>
			</div>
				
			<div class="mui-card">
				<!--<<div class="mui-card-header mui-card-media">-->
					<!--<img src="../images/logo.png" />
					<div class="mui-media-body">
						小M
						<p>发表于 2016-06-30 15:30</p>
					</div>-->
					<!--<img class="mui-pull-left" src="../images/logo.png" width="34px" height="34px" />
					<h2>小M</h2>
					<p>发表于 2016-06-30 15:30</p>-->
				<!--</div>-->
				<div class="mui-card-content"  style="background-image: url(../images/sider2.png);">
					<img src="../images/sider2.png" alt="" width="70%"/>
				</div>
				<div class="mui-card-footer">
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect00.png);"></span>12
						<form action="" method="post">
							<input type="text" value=""/ style="position: absolute;left: 0;top: 0;background: transparent; border: none;">
						</form>
					</a>
					<a class="mui-card-link" href="#">
						<span style="background-image: url(../images/collect01.png);"></span>24
					</a>
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect04.png);"></span>
					</a>
					<a class="mui-link-person" href="#">
						<span>Chalvet</span>
						<img src="../images/title.png"/>
					</a>
				</div>
			</div>
			
			<div class="mui-card">
				<div class="mui-card-content"  style="background-image: url(../images/collect2.jpg);">
					<img src="../images/collect2.jpg" alt="" width="70%"/>
				</div>
							<div class="mui-card-footer">
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect00.png);"></span>12
						<form action="" method="post">
							<input type="text" value=""/ style="position: absolute;left: 0;top: 0;background: transparent; border: none;">
						</form>
					</a>
					<a class="mui-card-link" href="#">
						<span style="background-image: url(../images/collect01.png);"></span>24
					</a>
					<a class="mui-card-link" href="#">
						<span style="background: url(../images/collect04.png);"></span>
					</a>
					<a class="mui-link-person" href="#">
						<span>Chalvet</span>
						<img src="../images/title.png"/>
					</a>
				</div>
			</div>
					<!--底部选项卡-->
				<nav class="mui-bar mui-bar-tab">
					<a id="defaultTab" class="mui-tab-item mui-active" href="index1.html">
						    <?xml version="1.0" encoding="utf-8"?>
							<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
							<svg version="1.1" fill="white"  width="30" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
							<g><path d="M978.1,549.6c-15.9,15.9-41.7,15.9-57.6,0l-420.2-419L148.9,481.1h25.5c44.9,0,81.4,36.5,81.4,81.4v43.2h0.1l0.2,245.1c2.7,26.4,12,33.7,41.1,35.7c35.9-2.6,39.8-13.7,40.2-58.7l-0.2-103.4c0.4-44.6,36.6-80.6,81.3-80.6h40.7v-1l81.4-0.1v1.1h40.7c45,0,81.4,36.4,81.4,81.4v43.3h0.1l0.1,51.2l0.1-13.7c0,63.8-0.4,77.4,40.3,80.4c34.3-2.7,39.9-13.2,40.8-52.9l-0.4,53.4h0.6l-0.1-67.5c0,5.1-0.1,9.8-0.2,14.2l0.2-23.8l-0.3-249.1c0-22.5,18.2-40.7,40.7-40.7c22.5,0,40.7,18.2,40.7,40.7l0.3,283h-0.3v43.2c0,44.9-36.4,81.4-81.4,81.4h-40.7h-40.7c-43.8,0-79.3-34.7-81.1-78.1l-0.2-104.9l-0.4-16.2c0.2,2.1,0.2,4.6,0.3,7l-0.1-51.8H559l21.2,0.2l1,44.7c-2.5-35.8-12.4-43.3-49.3-44.8l-67.3,0.1c-34.2,1.7-43.3,9.3-45.8,41.1l0.9-41h-1.1l0.1,42.5c0-0.5,0.1-1,0.1-1.4l-0.1,5.2l0.1,73h-0.3v43.2c0,44.9-36.4,81.4-81.4,81.4h-40.7h-40.7c-43.8,0-79.2-34.6-81-77.9l-0.3-329l-17.2,0l16,0.1l0.4,54.4c-0.9-43.6-7.2-52.6-46.3-54.5l-73.4,0.2c-11.4,0.9-23.1-2.6-31.9-11.3C6,534.4,6,508.6,21.9,492.7L468.3,47.6c1-1.2,1.4-2.7,2.6-3.9c15.9-15.9,41.7-15.9,57.6,0l0.6,0.6c0,0,0.1,0,0.1,0c0,0,0,0,0,0.1l448.9,447.6C994,508,994,533.8,978.1,549.6z"/></g>
							</svg>
					</a>
					<a class="mui-tab-item" href="tab-webview-subpage-chat.html">
						 <?xml version="1.0" encoding="utf-8"?>
						<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
						<svg version="1.1" fill="white"  width="30" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
						<g><path d="M500,990c-86.1,0-170.9-22.7-245-65.6c-14.6-8.5-19.6-27.2-11.2-41.8c8.5-14.6,27.2-19.6,41.8-11.2c64.8,37.5,138.9,57.3,214.3,57.3c236.4,0,428.8-192.3,428.8-428.8c0-236.4-192.3-428.8-428.8-428.8C263.6,71.3,71.3,263.6,71.3,500c0,98.8,34.4,195.2,96.9,271.5c10.7,13.1,8.8,32.4-4.3,43.1c-13.1,10.7-32.4,8.8-43.1-4.3C49.3,723.1,10,612.9,10,500C10,229.8,229.8,10,500,10c270.2,0,490,219.8,490,490C990,770.2,770.2,990,500,990z"/><path d="M285.6,500l168.4,168.4L285.6,500z"/><path d="M729.7,392.8L454.1,668.4L729.7,392.8z"/><path d="M760.3,530.6H239.7c-16.9,0-30.6-13.7-30.6-30.6s13.7-30.6,30.6-30.6h520.6c16.9,0,30.6,13.7,30.6,30.6S777.2,530.6,760.3,530.6z"/><path d="M500,790.9c-16.9,0-30.6-13.7-30.6-30.6V239.7c0-16.9,13.7-30.6,30.6-30.6s30.6,13.7,30.6,30.6v520.6C530.6,777.2,516.9,790.9,500,790.9z"/></g>
						</svg>
					</a>
					<a class="mui-tab-item" href="tab-webview-subpage-contact.html">
						 <?xml version="1.0" encoding="utf-8"?>
						<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
						<svg version="1.1" fill="white"  width="30" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
						<g><path d="M968.7,340.2c-11.8,0-21.3,9.5-21.3,21.3v345.7c0,59.2-27.3,123-87.2,123h-686c-60.2,0-121.5-62.1-121.5-123V282.5c0-32.3,18.3-63.5,45.3-84.9c3.8-0.4,7.5-1.4,10.8-3.8c14.5-11,37.7-24.1,65.5-24.1h666.7h19.3c20,0,35.9,7.1,40.5,17.9c4.3,10.4-1.9,25.6-16.6,40.8l-304.3,246c-0.6,0.5-1.1,1-1.7,1.5c-20.6,20.6-48.1,32-77.3,32c-29.2,0-56.7-11.4-77.3-32L207.2,259.7c-8.3-8.3-21.8-8.3-30.1,0c-8.3,8.3-8.3,21.8,0,30.1l216.3,216.3c28.7,28.7,66.9,44.5,107.4,44.5c40.2,0,78-15.5,106.6-43.7l304.4-246.1c0.6-0.5,1.2-1,1.8-1.6c28.2-28.6,37.8-60.7,26.3-88c-11.4-27.2-42-44.1-79.8-44.1h-19.3H174.1C88.2,127.2,10,201.2,10,282.5v424.7c0,83.6,81.3,165.6,164.1,165.6h686c85.2,0,129.8-83.3,129.8-165.6V361.5C990,349.8,980.5,340.2,968.7,340.2z"/></g>
						</svg>	
					</a>
					<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
						 <!--<?xml version="1.0" encoding="utf-8"?>-->
	                    <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
	                    <!--<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
	                    <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	                         width="30" height="30" viewBox="0 0 49.833 49.83" enable-background="new 0 0 49.833 49.83" xml:space="preserve">
	                    <g>
	                        <path d="M24.849,34.195c9.442,0,17.097-7.655,17.097-17.098C41.946,7.655,34.291,0,24.849,0C15.406,0,7.751,7.655,7.751,17.097
	                            C7.751,26.54,15.406,34.195,24.849,34.195z M36.785,21.726c-1.857,4.784-6.496,8.184-11.936,8.184
	                            c-5.442,0-10.079-3.399-11.936-8.184H36.785z"fill="white"/>
	                        <path d="M34.691,35.492c-2.297,1.58-5.827,2.596-9.793,2.596c-3.961,0-7.488-1.013-9.785-2.588C7.484,37.642,1.664,43.068,0,49.778
	                            h49.833C48.167,43.061,42.333,37.628,34.691,35.492z"fill="white"/>
	                    </g>
	                    </svg>-->
	                   <?xml version="1.0" encoding="utf-8"?>
						<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
						<svg version="1.1" fill="white"  width="30" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
						<g><path d="M790.8,646.4l0-0.2l0.3-0.5l0.1,0.4L790.8,646.4z"/><path d="M760.6,631.2l0-0.2l0.3-0.5l0.1,0.3L760.6,631.2z"/><path d="M932.8,961.6c0,0,0-0.1,0-0.1c-0.2-192.9-126.7-356.3-301.3-411.9c91.6-47.6,154.3-143.3,154.3-253.7C785.8,138,657.9,10,500,10c-157.9,0-285.8,128-285.8,285.8c0,110.4,62.6,206.1,154.2,253.7c-174,55.5-300.2,217.9-301.3,410c0,0.2,0.1,2.5,0.1,2.5c1,14.8,13.2,26.6,28.2,26.6c15.1,0,27.5-11.8,28.5-26.6c0-207.6,168.3-376,376-376s376,168.3,376,376h0.1c0.2,15.5,12.8,28,28.4,28c15.6,0,28.2-12.5,28.4-28h0C932.8,961.9,932.8,961.8,932.8,961.6C932.8,961.6,932.8,961.6,932.8,961.6z M271.3,295.8c0-126.3,102.4-228.7,228.7-228.7s228.7,102.4,228.7,228.7c0,126.3-102.4,228.7-228.7,228.7C373.7,524.5,271.3,422.1,271.3,295.8z"/></g>
						</svg>					
					</a>
				</nav>
		</div>
		<script type="text/javascript">
//			var like = document.getElementsByClassName("mui-icon-extra-like");
			$('.mui-icon-extra-like').tap(function(){
				$(this).css("color","red");
			})
		</script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/tab-main.js" type="text/javascript" charset="utf-8"></script>
		
	</body>
</html>